<!doctype html>
<html>
<head>
    <meta charset="gbk">
    <title>@yield('title')</title>
    <meta name="keywords" content="@yield('keywords')" />
    <meta name="description" content="@yield('description')" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="{{ asset('css/home/base.css')}}" rel="stylesheet">
    <link href="{{ asset('css/home/index.css')}}" rel="stylesheet">
    <link href="{{ asset('css/home/m.css')}}" rel="stylesheet">
    <style>
        #starlist img{
            width: 30px;
            height: 30px;
            display: inline;
            /*float: left;*/
            vertical-align: middle;

        }
    </style>
    {{--蜘蛛插件--}}
    {{--<link rel="stylesheet" href="{{ asset('css/home/zhizhustyle.css')}}" type="text/css" media="screen, projection" />--}}
    {{--<script type="text/javascript" src="{{ asset('js/home/verlet-1.0.0.js')}}"></script>--}}

    <script src="{{ asset('js/home/jquery.min.js')}}" type="text/javascript"></script>
    <script type="text/javascript" src="{{ asset('js/home/comm.js')}}"></script>
    <!--[if lt IE 9]>
    <script src="js/home/modernizr.js"></script>
    <![endif]-->
    @yield('css')
</head>
<body>
<div id="shade" style="position: fixed;width:100%;height: 100%;background-color: black;opacity: 0.3;z-index: 998;top: 0;left: 0;display: none;"></div>
<div id="cloud" style="position: fixed; width: 80%; top: 25%; height: 200px;margin: 10%;z-index: 999; background: #fff;border-radius: 20px;text-align: center;display: none;">
    <div style="width: 100%;height: 100%;">
        <h2>无需注册即可登录</h2>
        <div style="text-align: center">
            <a href="{{url("/home/thirdlogin/github")}}"><img style="display: inline" src="https://baijunyao.com/images/home/github-login.jpg" alt="github登录" title="github登录"></a>
        </div>
    </div>
</div>
<header class="header-navigation" id="header">
    <nav><div class="logo"><a href="{{url('home/index/index')}}">海浪个人博客</a></div>
        <h2 id="mnavh"><span class="navicon"></span></h2>
        <ul id="starlist">
            <li><a href="{{url('/index/index')}}">网站首页</a></li>
            {{--<li><a href="share.html">我的相册</a></li>--}}
            <li><a href="{{url('home/index/time')}}">时间轴</a></li>
            <li><a href="{{url("/home/applys/tankgame")}}">坦克大战</a></li>
            {{--<li><a href="gbook.html">留言</a></li>--}}
            {{--<li><a href="info.html">内容页</a></li>--}}
            @if(!empty(session("user")))
                <li><span><img src="{{session("user.avatar")}}"/></span><span>{{session("user.name")}} <a href="{{url("/home/thirdlogin/logout")}}">退出</a></span></li>
            @elseif(Request()->input('login'))
                <li><a href="{{url("/home/thirdlogin/testLogin")}}">登录</a></li>
            @else
                <li><a href="{{url("/home/thirdlogin/github")}}">登录</a></li>
            @endif
        </ul>
    </nav>
</header>
<article>
    {{--蜘蛛--}}
        {{--<canvas id="scratch" style="width: 400px;"></canvas>--}}
    <aside class="l_box">

        <div class="about_me">
            <h2>关于我</h2>
            <ul>
                <i><img src="{{asset('images/home/4.jpg')}}"></i>
                <p><b>王创新</b>千言万语还来不及说。呜呜呜(ಥ _ ಥ)</p>
            </ul>
        </div>
        <div class="search">
            <form action="{{url("home/index/search")}}" method="get" name="searchform" id="searchform">
                <input name="keywords" id="keyboard" class="input_text" style="color: rgb(153, 153, 153);" {{old("keywords",'')}} type="text">
                {{@csrf_field()}}
                {{--<input name="show" value="title" type="hidden">--}}
                {{--<input name="tempid" value="1" type="hidden">--}}
                {{--<input name="tbname" value="news" type="hidden">--}}
                <input class="input_submit" value="搜索" type="submit" style="top: 0; right: 0; cursor: pointer; width: 24%; height: 36px;">
            </form>
        </div>
        <div class="fenlei">
            <h2>文章分类</h2>
            <ul>
                @foreach($cats as $v)
                    <li><a href="{{url("home/index/category",$v->id)}}">{{$v->name}}（{{$v->article_count}}）</a></li>
                @endforeach
            </ul>
        </div>

        <div class="cloud">
            <h2>标签云</h2>
            <ul>
                @foreach($tags as $v)
                    <a href="{{url("home/index/tag",$v->id)}}">{{$v->name}}（{{$v->article_count}}）</a>
                @endforeach
            </ul>
        </div>
        <div class="tuijian">
            <h2>站长推荐</h2>
            <ul>
                <li><a href="/">你是什么人便会遇上什么人</a></li>
                <li><a href="/">帝国cms 列表页调用子栏目，没有则不显示栏目名称</a></li>
                <li><a href="/">第二届 优秀个人博客模板比赛参选活动</a></li>
                <li><a href="/">个人博客模板《绅士》后台管理</a></li>
                <li><a href="/">你是什么人便会遇上什么人</a></li>
                <li><a href="/">帝国cms 列表页调用子栏目，没有则不显示栏目名称</a></li>
                <li><a href="/">第二届 优秀个人博客模板比赛参选活动</a></li>
                <li><a href="/">个人博客模板《绅士》后台管理</a></li>
            </ul>
        </div>
        <div class="tuijian">
            <h2>点击排行</h2>
            <ul>
                @foreach($rangeArcticle as $v)
                    <li><a href="{{url("home/index/article",$v->id)}}">{{$v->title}}</a></li>
                @endforeach
            </ul>
        </div>
        <div class="links">
            <h2>友情链接</h2>
            <ul>
                <a href="http://www.yangqq.com">杨青个人博客</a> <a href="http://www.yangqq.com">杨青博客</a>
            </ul>
        </div>
        {{--<div class="guanzhu">--}}
            {{--<h2>关注我 么么哒</h2>--}}
            {{--<ul>--}}
                {{--<img src="{{asset('images/home/wx.jpg')}}">--}}
            {{--</ul>--}}
        {{--</div>--}}
    </aside>
    @yield('content')
</article>
<footer>
    <p>Design by <a href="http://www.yangqq.com" target="_blank">杨青个人博客</a> <a href="/">蜀ICP备11002373号-1</a></p>
</footer>
<a href="#" class="cd-top">Top</a>
{{--🕷插件--}}
{{--<script type="text/javascript" src="{{ asset('js/home/zhizhu.js')}}"></script>--}}
@yield('js')
</body>
</html>
